<div style="color: white">

</div>
<div id="bg"><img width="100%" height="100%" src="<?php echo Yii::app()->request->baseUrl; ?>/icon/bandomoinhat.png" /></div> 
<style>
    div#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}  
</style>
<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<style type="text/css">
    a{color: rgb(158, 139, 139);text-decoration: none;position: relative;}
    * {
        margin: 0;
        padding: 0;
    }

    #clock {
        position: relative;
        width: 491px;
        height: 491px;
        margin: 40px auto 0 auto;

        //background: url(images/dongho240.png);
        list-style: none;
    }

    #sec, #min, #hour {
        position: absolute;
        width: 25px;
        height: 491px;
        top: 0px;
        left: 230px;
    }

    #sec {
        background: url(images/sechand.png);
        z-index: 3;
    }

    #min {
        background: url(images/minhand.png);
        z-index: 2;
    }

    #hour {
        background: url(images/hourhand.png);
        z-index: 1;
    }

    p {
        text-align: center; 
        padding: 10px 0 0 0;
    }
</style>

<script type="text/javascript">

    $(document).ready(function() {

        setInterval(function() {
            var seconds = new Date().getSeconds();
            var sdegree = seconds * 6;
            var srotate = "rotate(" + sdegree + "deg)";

            $("#sec").css({"-moz-transform": srotate, "-webkit-transform": srotate});

        }, 1000);


        setInterval(function() {
            var hours = new Date().getHours();
            var mins = new Date().getMinutes();
            var hdegree = hours * 30 + (mins / 2);
            var hrotate = "rotate(" + hdegree + "deg)";

            $("#hour").css({"-moz-transform": hrotate, "-webkit-transform": hrotate});

        }, 1000);


        setInterval(function() {
            var mins = new Date().getMinutes();
            var mdegree = mins * 6;
            var mrotate = "rotate(" + mdegree + "deg)";

            $("#min").css({"-moz-transform": mrotate, "-webkit-transform": mrotate});

        }, 1000);


        setInterval(function() {
            timedText();
        }, 1000);
    });

</script>

<script>
    function timedText()
    {
        var hours = new Date().getHours();
        var mins = new Date().getMinutes();
        var sec = new Date().getSeconds();
        var b;


        //alert(sec);
        if (hours < 2) {

            var c9 = document.getElementById("c1");
            var c27 = document.getElementById("c13");
            var c57 = document.getElementById("c34");
            var c58 = document.getElementById("c35");
            var c36 = document.getElementById("c36");
            var c28 = document.getElementById("c14");
            if (mins <= 10) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c33");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 20) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 30) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 40) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 50) {
                c58.style.color = 'rgb(158, 139, 139)';
                c36.style.color = 'white';
            } else {
                c36.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 3) {

            var c9 = document.getElementById("c2");
            var c27 = document.getElementById("c15");
            var c57 = document.getElementById("c37");
            var c58 = document.getElementById("c38");
            var c28 = document.getElementById("c16");
            if (mins <= 12) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c14");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 36) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 48) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 59) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 4) {

            var c9 = document.getElementById("c3");
            var c27 = document.getElementById("c17");
            var c57 = document.getElementById("c39");
            var c58 = document.getElementById("c40");
            var c28 = document.getElementById("c41");
            if (mins <= 12) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c16");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 36) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 48) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 59) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 5) {

            var c9 = document.getElementById("c4");
            var c27 = document.getElementById("c18");
            var c57 = document.getElementById("c19");
            var c58 = document.getElementById("c42");
            var c28 = document.getElementById("c43");
            if (mins <= 12) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c41");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 36) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 48) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 59) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 6) {

            var c9 = document.getElementById("c5");
            var c27 = document.getElementById("c20");
            var c57 = document.getElementById("c44");
            var c58 = document.getElementById("c45");
            var c28 = document.getElementById("c46");
            if (mins <= 12) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c43");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 36) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 48) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 59) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 7) {

            var c9 = document.getElementById("c6");
            var c27 = document.getElementById("c21");
            var c57 = document.getElementById("c22");
            var c58 = document.getElementById("c47");
            var c28 = document.getElementById("c48");
            var c49 = document.getElementById("c49");
            if (mins <= 10) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c43");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 20) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 30) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 40) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 50) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            } else {
                c28.style.color = 'rgb(158, 139, 139)';
                c49.style.color = 'white';
            }
        } else if (hours < 8) {

            var c9 = document.getElementById("c7");
            var c27 = document.getElementById("c23");
            var c24 = document.getElementById("c24");
            var c57 = document.getElementById("c40");
            var c58 = document.getElementById("c51");
            var c28 = document.getElementById("c52");
            if (mins <= 10) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c49");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 20) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 30) {
                c27.style.color = 'rgb(158, 139, 139)';
                c24.style.color = 'white';
            } else if (mins <= 40) {
                c24.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            }
            else if (mins <= 50) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            } else {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 9) {

            var c9 = document.getElementById("c8");
            var c27 = document.getElementById("c25");
            var c57 = document.getElementById("c26");
            var c58 = document.getElementById("c53");
            var c28 = document.getElementById("c54");
            var c55 = document.getElementById("c55");
            if (mins <= 10) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c52");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 20) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 30) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 40) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 50) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            } else {
                c28.style.color = 'rgb(158, 139, 139)';
                c55.style.color = 'white';
            }
        } else if (hours < 10) {
            //alert('so 9');
            var c9 = document.getElementById("c9");
            var c27 = document.getElementById("c27");
            var c56 = document.getElementById("c56");
            var c57 = document.getElementById("c57");
            var c58 = document.getElementById("c58");
            var c28 = document.getElementById("c28");
            if (mins <= 10) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c55");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 20) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 30) {
                c27.style.color = 'rgb(158, 139, 139)';
                c56.style.color = 'white';
            } else if (mins <= 40) {
                c56.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            }
            else if (mins <= 50) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours < 11) {

            var c10 = document.getElementById("c10");
            var c59 = document.getElementById("c59");
            var c60 = document.getElementById("c60");
            var c61 = document.getElementById("c61");
            var c29 = document.getElementById("c29");
            if (mins <= 12) {
                c10.style.color = 'white';
                var c2 = document.getElementById("c28");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c10.style.color = 'rgb(158, 139, 139)';
                c59.style.color = 'white';
            } else if (mins <= 36) {
                c59.style.color = 'rgb(158, 139, 139)';
                c60.style.color = 'white';
            } else if (mins <= 48) {
                c60.style.color = 'rgb(158, 139, 139)';
                c61.style.color = 'white';
            }
            else if (mins <= 59) {
                c61.style.color = 'rgb(158, 139, 139)';
                c29.style.color = 'white';
            }
        } else if (hours < 12) {

            var c9 = document.getElementById("c11");
            var c27 = document.getElementById("c30");
            var c57 = document.getElementById("c62");
            var c58 = document.getElementById("c63");
            var c28 = document.getElementById("c31");
            if (mins <= 12) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c29");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 36) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 48) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 59) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        } else if (hours > 11) {

            var c9 = document.getElementById("c12");
            var c27 = document.getElementById("c32");
            var c57 = document.getElementById("c64");
            var c58 = document.getElementById("c65");
            var c28 = document.getElementById("c33");
            if (mins <= 12) {
                c9.style.color = 'white';
                var c2 = document.getElementById("c31");
                c2.style.color = 'rgb(158, 139, 139)';
            }
            else if (mins <= 24) {
                c9.style.color = 'rgb(158, 139, 139)';
                c27.style.color = 'white';
            } else if (mins <= 36) {
                c27.style.color = 'rgb(158, 139, 139)';
                c57.style.color = 'white';
            } else if (mins <= 48) {
                c57.style.color = 'rgb(158, 139, 139)';
                c58.style.color = 'white';
            }
            else if (mins <= 59) {
                c58.style.color = 'rgb(158, 139, 139)';
                c28.style.color = 'white';
            }
        }

        var m1 = document.getElementById("m1");
        var m2 = document.getElementById("m2");
        var m3 = document.getElementById("m3");
        var m4 = document.getElementById("m4");
        var m5 = document.getElementById("m5");
        var m6 = document.getElementById("m6");
        var m7 = document.getElementById("m7");
        var m8 = document.getElementById("m8");
        var m9 = document.getElementById("m9");
        var m10 = document.getElementById("m10");
        var m11 = document.getElementById("m11");
        var m12 = document.getElementById("m12");
        var m13 = document.getElementById("m13");
        if (sec < 6) {
            m1.style.color = 'white';
            m12.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 11) {
            m2.style.color = 'white';
            m1.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 16) {
            m3.style.color = 'white';
            m2.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 21) {
            m13.style.color = 'white';
            m3.style.color = 'rgb(158, 139, 139)';
        }
        else if (sec < 26) {
            m4.style.color = 'white';
            m13.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 31) {
            m5.style.color = 'white';
            m4.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 36) {
            m6.style.color = 'white';
            m5.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 41) {
            m7.style.color = 'white';
            m6.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 45) {
            m8.style.color = 'white';
            m7.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 49) {
            m9.style.color = 'white';
            m8.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 53) {
            m10.style.color = 'white';
            m9.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 57) {
            m11.style.color = 'white';
            m10.style.color = 'rgb(158, 139, 139)';
        } else if (sec < 61) {
            m12.style.color = 'white';
            m11.style.color = 'rgb(158, 139, 139)';
        }


    }
</script>

<div id="main_container">
<table style="border: none; width: 100%">
    <tr>
        <td style="width: 20%">
              <div style=" margin-left: 20px; width: 20%; margin-top: 50px; float: left;">
        <div id='cssmenu'>
            <ul>
                <li class='active '><a href='<?php echo Yii::app()->request->baseUrl; ?>/trang-chu'><span id="m1">Trang chủ</span></a></li>

                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/page/gioi-thieu'><span id="m2">Giới thiệu</span></a></li>
                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/page/quy-che'><span id="m3">Quy chế hoạt động</span></a></li>
                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/van-ban-phap-luat'><span id="m13">Văn bản pháp luật</span></a></li>

                <li><a href='#'><span id="m4">Tư vấn pháp luật</span></a>
                    <ul>
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/tu-van/tu-van-phap-luat-dan-su'><span>Dân sự</span></a></li>   
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/tu-van/tu-van-phap-luat-hinh-su'><span>Hình sự</span></a></li>  
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/tu-van/tu-van-phap-luat-hanh-chinh'><span>Hành chính</span></a></li>   
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/tu-van/tu-van-phap-luat-kinh-doanh-thuong-mai'><span>Kinh doanh thương mại</span></a></li> 
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/tu-van/tu-van-phap-luat-khac'><span>Lĩnh vực khác</span></a></li>  
                    </ul>
                </li>
                <li><a href='#'><span id="m5">Dịch vụ pháp lý</span></a>
                    <ul>
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/dich-vu/dich-vu-phap-ly-dan-su'><span>Dân sự</span></a></li>   

                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/dich-vu/dich-vu-phap-ly-hanh-chinh'><span>Hành chính</span></a></li>   
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/dich-vu/dich-vu-phap-ly-kinh-doanh-thuong-mai'><span>Kinh doanh thương mại</span></a></li> 
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/dich-vu/dich-vu-phap-ly-khac'><span>Lĩnh vực khác</span></a></li>  
                    </ul>
                </li>
                <li class='has-sub'><a href='#'><span id="m6">Tham gia Tố tụng</span></a>
                    <ul>
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-tung/to-tung-toa-an'><span>Tố tụng tòa án</span></a>
                            <ul>
                                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-tung/to-tung-toa-an-dan-su'><span>Dân sự</span></a></li>   
                                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-tung/to-tung-toa-an-hinh-su'><span>Hình sự</span></a></li>  
                                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-tung/to-tung-toa-an-hanh-chinh'><span>Hành chính</span></a></li>   
                                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-tung/to-tung-toa-an-kinh-doanh-thuong-mai'><span>Kinh doanh thương mại</span></a></li> 

                            </ul>
                        </li>   
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-tung/to-tung-trong-tai-kinh-doanh-thuong-mai'><span>Tố tụng trọng tài</span></a>
                           
                        </li>  
                    </ul>
                </li>
                <li class='has-sub'><a href='#'><span id="m7">Tổ chức công chứng</span></a>
                    <ul>
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-chuc/phong-cong-chung'><span>Phòng công chứng</span></a></li>   
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-chuc/van-phong-cong-chung'><span>Văn Phòng công chứng</span></a></li>  

                    </ul>
                </li>
                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-chuc/thua-phat-lai'><span id="m8">VP Thừa phát lại</span></a></li>
                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-chuc/trung-tam-trong-tai'><span id="m9">Trung tâm trọng tài</span></a></li>
                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-chuc/dau-gia-tai-san'><span id="m10">Tổ chức đấu giá</span></a></li>
                <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/to-chuc/giam-dinh-tu-phap'><span id="m11">Tổ chức giám định</span></a></li>
                <li class='has-sub'><a href='<?php echo Yii::app()->request->baseUrl; ?>/page/lien-he'><span id="m12">Thông tin liên hệ</span></a>
                    <ul>
                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/gui-lien-he-luat-su'><span>Nhờ luật sư</span></a></li>

                        <li><a href='<?php echo Yii::app()->request->baseUrl; ?>/gui-lien-he-quang-cao'><span>Quảng cáo</span></a></li>  
                    </ul>
                </li>
            </ul>
        </div>
    </div>
        </td>
        <td style="width: 20%">
             <div style=" overflow: hidden;margin-top: -20px">
            <ul id="clock">	
                <li id="sec"></li>
                <li id="hour"></li>
                <li id="min"></li>
            </ul>
            <div style=" width: 491px;height: 491px;margin: 20px auto 0 auto; z-index: 10;">


                <div  style="margin-top: -354px;margin-left: 280px; font-size: 22pt">
                    <a id="c1" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/1/doan-luat-su-an-giang" title="An Giang">1</a>
                </div>
                <div  style="margin-left: 315px;margin-top: -1px;font-size: 22pt">
                    <a id="c2" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/2/doan-luat-su-ba-ria-vung-tau" title="Bà Rịa-Vũng Tàu" >2</a>
                </div>
                <div  style="margin-left: 328px;margin-top: 5px;font-size: 22pt">
                    <a id="c3" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/3/doan-luat-su-bac-lieu" title="Bạc Liêu">3</a>
                </div>
                <div  style="margin-left: 315px;margin-top: 10px;font-size: 22pt">
                    <a id="c4" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/4/doan-luat-su-bac-kan" title="Bắc Kạn">4</a>
                </div>
                <div  style="margin-left: 283px;margin-top: -4px;font-size: 22pt">
                    <a id="c5" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/5/doan-luat-su-bac-giang" title="Bắc Giang">5</a>
                </div>
                <div  style="margin-left: 236px;margin-top: -23px;font-size: 22pt">
                    <a id="c6" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/6/doan-luat-su-bac-ninh" title="Bắc Ninh">6</a>
                </div>
                <div style="clear: both"></div>
                <div  style="margin-top: -204px;margin-left: 230px; font-size: 22pt">
                    <a id="c12" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/12/doan-luat-su-ca-mau" title="Cà Mau">12</a>
                </div>
                <div  style="margin-left: 190px;margin-top: -21px;font-size: 22pt">
                    <a id="c11" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/11/doan-luat-su-binh-thuan" title="Bình Thuận">11</a>
                </div>
                <div  style="margin-left: 157px;margin-top: -1px;font-size: 22pt">
                    <a id="c10" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/10/doan-luat-su-binh-phuoc" title="Bình Phước">10</a>
                </div>
                <div  style="margin-left: 148px;margin-top: 6px;font-size: 22pt">
                    <a id="c9" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/9/doan-luat-su-binh-dinh" title="Bình Định">9</a>
                </div>
                <div  style="margin-left: 160px;margin-top: 10px;font-size: 22pt">
                    <a id="c8" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/8/doan-luat-su-binh-duong" title="Bình Dương">8</a>
                </div>
                <div  style="margin-left: 192px;margin-top: -5px;font-size: 22pt">
                    <a id="c7" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/7/doan-luat-su-ben-tre" title="Bến Tre">7</a>
                </div>

            </div>



            <div style=" width: 491px;height: 491px;margin: 20px auto 0 auto;z-index: 13; margin-top: -650px;">
                <div  style="margin-top: 85px;margin-left: 278px; font-size: 22pt">
                    <a id="c13" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/13/doan-luat-su-cao-bang" title="Cao Bằng">13</a>
                </div>
                <div  style="margin-left: 322px;margin-top: -10px;font-size: 22pt">
                    <a id="c14" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/14/doan-luat-su-tp-can-tho" title="Cần Thơ">14</a>
                </div>
                <div  style="margin-left: 357px;margin-top: 2px;font-size: 22pt">
                    <a id="c15" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/15/doan-luat-su-da-nang" title="Đà Nẵng">15</a>
                </div>
                <div  style="margin-left: 380px;margin-top: 10px;font-size: 22pt">
                    <a id="c16" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/16/doan-luat-su-dac-lak" title="Đắk Lắk">16</a>
                </div>
                <div  style="margin-left: 386px;margin-top: 10px;font-size: 22pt">
                    <a id="c17" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/17/doan-luat-su-dak-nong" title="Đắk Nông">17</a>
                </div>
                <div  style="margin-left: 376px;margin-top: 17px;font-size: 22pt">
                    <a id="c18" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/18/doan-luat-su-dien-bien" title="Điện Biên">18</a>
                </div>

                <div  style="margin-left: 352px;margin-top: 10px;font-size: 22pt">
                    <a id="c19" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/19/doan-luat-su-dong-nai" title="Đồng Nai">19</a>
                </div>
                <div style="margin-left: 318px;margin-top: -4px;font-size: 22pt">
                    <a id="c20"  href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/20/doan-luat-su-dong-thap" title="Đồng Tháp">20</a>
                </div>
                <div  style="margin-left: 278px;margin-top: -12px;font-size: 22pt">
                    <a id="c21" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/21/doan-luat-su-gia-lai" title="Gia Lai">21</a>
                </div>
                <div  style="margin-left: 230px;margin-top: -26px;font-size: 22pt">
                    <a id="c22" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/2/doan-luat-su-ha-giang" title="Hà Giang">22</a>
                </div>


                <div style="clear: both"></div>
                <div  style="margin-top: -347px;margin-left: 230px; font-size: 22pt">
                    <a id="c32" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/32/doan-luat-su-hung-yen" title="Hưng Yên">32</a>
                </div>
                <div  style="margin-left: 185px;margin-top: -24px;font-size: 22pt">
                    <a id="c31" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/31/doan-luat-su-hau-giang" title="Hậu Giang">31</a>
                </div>
                <div  style="margin-left: 142px;margin-top: -12px;font-size: 22pt">
                    <a id="c30" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/30/doan-luat-su-ho-chi-minh" title="TP. Hồ Chí Minh ">30</a>
                </div>
                <div  style="margin-left: 108px;margin-top: 1px;font-size: 22pt">
                    <a id="c29" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/29/doan-luat-su-hoa-binh" title="Hòa Bình">29</a>
                </div>
                <div  style="margin-left: 85px;margin-top: 5px;font-size: 22pt">
                    <a id="c28" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/28/doan-luat-su-hai-phong" title="Hải Phòng ">28</a>
                </div>
                <div  style="margin-left: 76px;margin-top: 16px;font-size: 22pt">
                    <a id="c27" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/27/doan-luat-su-hai-duong" title="Hải Dương">27</a>
                </div>
                <div  style="margin-left: 85px;margin-top: 16px;font-size: 22pt">
                    <a id="c26" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/26/doan-luat-su-ha-tinh" title="Hà Tĩnh">26</a>
                </div>
                <div  style="margin-left: 111px;margin-top: 11px;font-size: 22pt">
                    <a id="c25" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/25/doan-luat-su-ha-tay" title="Hà Tây">25</a>
                </div>
                <div  style="margin-left: 145px;margin-top: 0px;font-size: 22pt">
                    <a id="c24" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/24/doan-luat-su-ha-noi" title="Hà Nội ">24</a>
                </div>
                <div  style="margin-left: 186px;margin-top: -17px;font-size: 22pt">
                    <a id="c23" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/1/doan-luat-su-ha-nam" title="Hà Nam">23</a>
                </div>
            </div>


            <div style=" width: 491px;height: 491px;margin: 20px auto 0 auto;z-index: 15;  margin-top: -576px">
                <div  style="margin-top: 12px;margin-left: 280px; font-size: 22pt">
                    <a id="c33" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/33/doan-luat-su-khanh-hoa" title="Khánh Hòa">33</a>
                </div>
                <div  style="margin-left: 323px;margin-top: -19px;font-size: 22pt">
                    <a id="c34" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/34/doan-luat-su-kien-giang" title="Kiên Giang">34</a>
                </div>
                <div  style="margin-left: 361px;margin-top: -9px;font-size: 22pt">
                    <a id="c35" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/35/doan-luat-su-kon-tum" title="Kon Tum">35</a>
                </div>
                <div  style="margin-left: 396px;margin-top: -7px;font-size: 22pt">
                    <a id="c36" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/36/doan-luat-su-lai-chau" title="Lai Châu">36</a>
                </div>
                <div  style="margin-left: 420px;margin-top: 2px;font-size: 22pt">
                    <a id="c37" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/37/doan-luat-su-lao-cai" title="Lào Cai">37</a>
                </div>
                <div  style="margin-left: 440px;margin-top: 3px;font-size: 22pt">
                    <a id="c38" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/38/doan-luat-su-lang-son" title="Lạng Sơn">38</a>
                </div>

                <div  style="margin-left: 450px;margin-top: 7px;font-size: 22pt">
                    <a id="c39" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/39/doan-luat-su-lam-dong" title="Lâm Đồng">39</a>
                </div>
                <div  style="margin-left: 454px;margin-top: 6px;font-size: 22pt">
                    <a id="c40" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/40/doan-luat-su-long-an" title="Long An">40</a>
                </div>
                <div  style="margin-left: 451px;margin-top: 6px;font-size: 22pt">
                    <a id="c41" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/41/doan-luat-su-nam-dinh" title="Nam Định">41</a>
                </div>
                <div  style="margin-left: 436px;margin-top: 6px;font-size: 22pt">
                    <a id="c42" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/42/doan-luat-su-nghe-an" title="Nghệ An">42</a>
                </div>
                <div  style="margin-left: 416px;margin-top: 5px;font-size: 22pt">
                    <a id="c43" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/43/doan-luat-su-ninh-binh" title="Ninh Bình">43</a>
                </div>
                <div  style="margin-left: 387px;margin-top: -2px;font-size: 22pt">
                    <a id="c44" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/44/doan-luat-su-ninh-thuan" title="Ninh Thuận">44</a>
                </div>
                <div  style="margin-left: 356px;margin-top: -4px;font-size: 22pt">
                    <a id="c45" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/45/doan-luat-su-phu-tho" title="Phú Thọ">45</a>
                </div>
                <div  style="margin-left: 320px;margin-top: -12px;font-size: 22pt">
                    <a id="c46" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/46/doan-luat-su-phu-yen" title="Phú Yên">46</a>
                </div>
                <div  style="margin-left: 281px;margin-top: -20px;font-size: 22pt">
                    <a id="c47" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/47/doan-luat-su-quang-binh" title="Quảng Bình">47</a>
                </div>

                <div style="clear: both"></div>
                <div  style="margin-top: -479px;margin-left: 240px; font-size: 22pt">
                    <a id="c65" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/65/doan-luat-su-nuoc-ngoai" title="Luật sư nước Ngoài">65</a>
                </div>
                <div  style="margin-left: 200px;margin-top: -31px;font-size: 22pt">
                    <a id="c64" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/64/doan-luat-su-yen-bai" title="Yên Bái">64</a>
                </div>
                <div  style="margin-left: 158px;margin-top: -24px;font-size: 22pt">
                    <a id="c63" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/63/doan-luat-su-vinh-phuc" title="Vĩnh Phúc">63</a>
                </div>
                <div  style="margin-left: 117px;margin-top: -16px;font-size: 22pt">
                    <a id="c62" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/62/doan-luat-su-vinh-long" title="Vĩnh Long">62</a>
                </div>
                <div  style="margin-left: 85px;margin-top: -8px;font-size: 22pt">
                    <a id="c61" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/61/doan-luat-su-tuyen-quang" title="Tuyên Quang">61</a>
                </div>
                <div  style="margin-left: 55px;margin-top: -4px;font-size: 22pt">
                    <a id="c60" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/60/doan-luat-su-tra-vinh" title="Trà Vinh">60</a>
                </div>
                <div  style="margin-left: 32px;margin-top: 1px;font-size: 22pt">
                    <a id="c59" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/59/doan-luat-su-tien-giang" title="Tiền Giang">59</a>
                </div>
                <div  style="margin-left: 15px;margin-top: 4px;font-size: 22pt">
                    <a id="c58" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/58/doan-luat-su-thua-thien-hue" title="Thừa Thiên - Huế">58</a>
                </div>
                <div  style="margin-left: 7px;margin-top: 9px;font-size: 22pt">
                    <a id="c57" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/57/doan-luat-su-thanh-hoa" title="Thanh Hóa">57</a>
                </div>
                <div  style="margin-left: 6px;margin-top: 9px;font-size: 22pt">
                    <a id="c56" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/56/doan-luat-su-thai-nguyen" title="Thái Nguyên">56</a>
                </div>

                <div  style="margin-left: 15px;margin-top: 7px;font-size: 22pt">
                    <a id="c55" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/55/doan-luat-su-thai-binh" title="Thái Bình">55</a>
                </div>
                <div style="margin-left: 33px;margin-top: 7px;font-size: 22pt">
                    <a id="c54"  href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/54/doan-luat-su-tay-ninh" title="Tây Ninh">54</a>
                </div>
                <div  style="margin-left: 57px;margin-top: 5px;font-size: 22pt">
                    <a id="c53" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/53/doan-luat-su-son-la" title="Sơn La">53</a>
                </div>

                <div  style="margin-left: 89px;margin-top: -2px;font-size: 22pt">
                    <a id="c52" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/52/doan-luat-su-soc-trang" title="Sóc Trăng">52</a>
                </div>
                <div  style="margin-left: 124px;margin-top: -8px;font-size: 22pt">
                    <a id="c51" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/51/doan-luat-su-quang-tri" title="Quảng Trị">51</a>
                </div>
                <div  style="margin-left: 160px;margin-top: -21px;font-size: 22pt">
                    <a id="c50" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/50/doan-luat-su-quang-ninh" title="Quảng Ninh">50</a>
                </div>
                <div  style="margin-left: 196px;margin-top: -22px;font-size: 22pt">
                    <a id="c49" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/49/doan-luat-su-quang-ngai" title="Quảng Ngãi">49</a>
                </div>
                <div  style="margin-left: 240px;margin-top: -30px;font-size: 22pt">
                    <a id="c48" href="<?php echo Yii::app()->request->baseUrl; ?>/doan-luat/48/doan-luat-su-quang-nam" title="Quảng Nam">48</a>
                </div>
            </div>

        </div>
        <style type="text/css">/* Some stylesheet reset */
            #cssmenu > ul {
                list-style: none;
                margin: 0;
                padding: 0;
                vertical-align: baseline;
                line-height: 1;
            }

            /* The container */
            #cssmenu > ul {
                display: block;
                position: relative;
                width: 150px;
            }

            /* The list elements which contain the links */
            #cssmenu > ul li {
                display: block;
                position: relative;
                margin: 0;
                padding: 0;
                width: 150px;	
            }

            /* General link styling */
            #cssmenu > ul li a {
                /* Layout */
                display: block;
                position: relative;
                margin: 0;
                //border-top: 1px dotted #3a3a3a;
                //border-bottom: 1px dotted #1b1b1b;
                padding: 11px 20px;
                width: 140px;

                /* Typography */
                font-family: Helvetica, Arial, sans-serif;
                color: rgb(94, 87, 87);//#d8d8d8;
                text-decoration: none;
                //text-transform: uppercase;
                //text-shadow: 0 1px 1px #000;
                font-size: 13px;
                font-weight: 300;


                /* Background & effects */
                //background: #d8d3bf;//#282828;
            }

            /* Rounded corners for the first link of the menu/submenus */
            #cssmenu > ul li:first-child>a {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                border-top: 0;
            }

            /* Rounded corners for the last link of the menu/submenus */
            #cssmenu > ul li:last-child>a {
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                border-bottom: 0;
            }


            /* The hover state of the menu/submenu links */
            #cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
                color: #fff;
                text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
                //background: #f06343;
                //background: -webkit-linear-gradient(bottom, #f06343, #f27d63);
                //background: -ms-linear-gradient(bottom, #f06343, #f27d63); 
                //background: -moz-linear-gradient(bottom, #f06343, #f27d63);
                //background: -o-linear-gradient(bottom, #f06343, #f27d63);
                //border-color: transparent;
            }

            /* The arrow indicating a submenu */
            #cssmenu > ul .has-sub>a::after {
                content: '';
                position: absolute;
                top: 16px;
                right: 10px;
                width: 0px;
                height: 0px;

                /* Creating the arrow using borders */
                border: 4px solid transparent;
                //border-left: 4px solid #d8d8d8; 
            }

            /* The same arrow, but with a darker color, to create the shadow effect */
            #cssmenu > ul .has-sub>a::before {
                content: '';
                position: absolute;
                top: 17px;
                right: 10px;
                width: 0px;
                height: 0px;

                /* Creating the arrow using borders */
                //border: 4px solid transparent;
                border-left: 4px solid #000;
            }

            /* Changing the color of the arrow on hover */
            #cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
                border-left: 4px solid #fff;
            }

            #cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
                border-left: 4px solid rgba(0, 0, 0, .3);
            }


            /* THE SUBMENUS */
            #cssmenu > ul ul {
                position: absolute;
                left: 150px;
                top: -9999px;
                padding-left: 5px;
                opacity: 0;
                /* The fade effect, created using an opacity transition */
                -webkit-transition: opacity .3s ease-in;
                -moz-transition: opacity .3s ease-in;
                -o-transition: opacity .3s ease-in;
                -ms-transition: opacity .3s ease-in;
            }

            /* Showing the submenu when the user is hovering the parent link */
            #cssmenu > ul li:hover>ul {
                top: 0px;
                opacity: 1;
            }</style>
        </td>
        <td style="width: 20%">
            
            
           
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
             <?php
        $this->renderPartial('//layouts/footer');
        ?>
        </td>
         <td></td>
    </tr>
</table>
    
    </div>
                    
<div style="position: fixed; bottom: 180px; right: 0; display: block; z-index: 9999; background-position: -110px -625px; border-radius: 5px 0 0 5px; color: white; height: 40px; width: 220px">
                <span id="lblCursor" style="cursor: pointer;">
                   
                    <img src="<?php echo Yii::app()->request->baseUrl; ?>/icon/2a.png" width="200">
                </span>
            </div>
    
  